<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<title>Insert title here</title>

<style>
#box {
	width: 61.2rem;
	height: auto;
	text-align: center;
}

.tittle {
	font-size: 4rem;
}

.shcount {
	font-size: 1.6rem;
}

.count {
	font-size: 2.5rem;
	line-height: 4rem;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}
</style>
<script type="text/javascript">
	//页面获取数据
	$(function() {
		refurbishIndex();
		
	});
	function refurbishIndex() {
		$.ajax({
					type : "get",
					url : "/list1",
					data : {
	                'id':1
					},
					async : false,
					success : function(data) {
						var str = "";
						for (i in data) {

							str += "<p>"
							    +"<p class='tittle'>"
							    +data[i].title
							    +"</p>"
							    +"<div>"
							    +data[i].count
							    +"</div>"   
								
						}
						document.getElementById("box").innerHTML = str;
					}
				});
	}
</script>
</head>
<body>
	<div id="box"></div>
</body>
</html>